/**
 *
 * 2016年4月29日14:16:15
 * 
 */

*{
	padding: 0;
	margin: 0;
}
body{
	background-color: #efefef;
	width: 100%;
	height: 100%;
}
a{ text-decoration: none; }
ul,li{ list-style: none; }

#container{
	padding-top: 80px;
}
/**
 *
 *  内容左边样式
 *
 */

/*内容导航*/
.resume-img{
	position: relative;
}
.resume-img .name-img{
	position: absolute;
	left: 0px;
	top: 40px;
	color: #999;
	font-size: 12px;
	transform: rotate(270deg)
}
.left-content-list{
	width: 100%;
	margin: 0 auto;
}
.left-content-list li{
	border-bottom: 2px solid #26292e;
	text-align: right;
	padding: 0;
}
.left-content-list li:last-child{
	border: none;
}
.left-content-list li a{
	display: block;
	color: #85878b;
	background-color: #33373d;
	padding: 15px 40px;
	text-transform: uppercase;
}
.left-content-list li.active a , .left-content-list li a:hover{
	background-color: #cd5353;
	color: #fff;
	text-decoration: none;
}
.left-content-list li a i{ 
	float: left;
	font-size: 18px;
}
.left-content-list li a i.icon-phone{
	transform:rotate(270deg);
}
/* 分享 */
.share{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.share li{
	margin-bottom: 10px;
}
.share li a{
	border: 2px solid #33373d;
  	color: #33373d;
  	display: inline-block;
  	height: 35px;
  	width: 35px;
  	margin-left: 10px;
	border-radius: 100%;
}
.share li a:hover{
	border: 2px solid #cd5353;
  	color: #cd5353;
}
.share li a i{
	font-size: 12px;
	line-height: 32px;
}
.statement{
	margin-top: 15px;
}

/**
 *
 * 右侧内容样式
 * 
 */
.resume-right{
	background-color: #fff;
}
.about-title{
	border-bottom: 1px solid #efefef;
}
.info-title{
	text-transform: uppercase;
}
.info-title h1{
	color: #333333;
	font-size: 28px;
	margin-bottom: 0;
}
.info-title h3{
	color: #777777;
	margin-top: 0;
	font-size: 18px;
}
.about-title h2{
	font-size: 24px;
}

/* 联系方式 */

.contact ul li{
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
}
.contact ul li:last-child{
	border-bottom:  1px solid #efefef;
}
.contact ul li span{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.inf{
	width: 37%;
	font-weight: 600;
	color: #333;
	border-right: 1px solid #efefef;
	margin-left: -4px;
}
.val{
	width: 63%;
	color: #666;
	border-right: 1px solid #efefef;
}
/* 专业 */
.info-content-1{
	margin-bottom: 40px;
}
.info-content-1 p{
	color: #666666;
	text-transform: uppercase;
}
.border-1{
	border: 1px solid #efefef;
	width: 100%;
	height: 16px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
}
.bg-1{
	display: block;
	background-color: #efefef;
	width: 85%;
	height: 14px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
.design-ilt .bg-1{
	width: 75%;
}
.design-ids .bg-1{
	width: 90%;
}
.info-content-2{
	margin-top: 40px;
}
.info-content-2 p{
	color: #666666;
	text-transform: uppercase;
	margin-top: 15px;
}
.border-2{
	border: 1px solid #cd5353;
	width: 100%;
	height: 16px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
}
.bg-2{
	display: block;
	width: 85%;
	height: 14px;
	background-color: #cd5353;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
.coding-js .bg-2{
	width: 75%;
}
.coding-p-m .bg-2{
	width: 65%;
}

/*经验*/
.title-style{

}
.title-style h2{
	padding: 10px 0;
	border-bottom: 1px solid #efefef; 
	margin: 30px auto;
}
.experience-content{
	padding-left: 60px;
	position: relative;
}
.experience-content:before{
	position: absolute;
	left: 25px;
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	background: #efefef;
}
.experience-content:after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	line-height: 45px;
	text-align: center;
	font-size: 25px;
	background: #fff;
	border: 3px solid #efefef;
	border-radius: 100%;
}
.timeline:after{
	content: "\f0b1";
	font-family: 'FontAwesome';
}
.experience{
	position: relative;
	margin-bottom: 50px;
}
.experience-pd{
	padding-top: 70px;
}
.experience h4:before{
	position: absolute;
	left: -38px;
	top: 4px;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #cd5353;
}
.experience h6 span.active{
	padding: 3px 10px;
	background-color: #cd5353;
	border-radius: 5px;
	color: #fff;
}

/**/
.ico{
	color: #cd5353;
	font-size: 30px;
}
.det1 h6{
	font-weight: 800;
	font-size: 14px;
}
.det2{
	color: #999999;
}

.line{
	padding: 20px 0;
}
.zigzag.medium, .divider .zigzag.large {
    stroke: #cd5353;
    stroke-width: 4.3;
    width: 6%;
	margin: 0 auto;
	background: #ffffff;
	fill: none;
	stroke-miterlimit: 10;
}
svg:not(:root) {
    overflow: hidden;
}

/*评价*/
h3{
	color: #333333;
}
.testimonials-box{
	padding-bottom: 50px;
}
.testimonials-div{
	position: relative;
	background-color: #efefef;
	border-radius: 10px;
	padding-top: 16px;
}

/* slider show */
.item{

	height: 200px;
	min-height: 200px;
}
.carousel-indicators li {
  	display: inline-block;
  	width: 10px;
  	height: 10px;
  	margin: 1px;
  	text-indent: -999px;
  	cursor: pointer;
  	background-color: #fff;
  	border: 1px solid #cd5353;
  	border-radius: 10px;
}
.carousel-indicators .active {
  	width: 12px;
  	height: 12px;
  	margin: 0;
  	background-color: #cd5353;
}
.carousel-control{
	display: none;
}
.carousel-caption {
	text-align: left;
  	right: 5%;
  	left: 5%;
  	padding-bottom: 30px;
}
.carousel-caption p{
	color: #666;
}
.carousel-indicators {
  	bottom: 5px;
}

/* 分割线 */
.divider{
    width: 100%;
    height: 28px;
    text-align: center;
    margin-bottom: 40px;
}
.zigzag.large {
    position: absolute;
    left: 50%;
    margin-left: -28px !important;
}
.zigzag.large {
    padding: 0 10px;
}
.zigzag.large, .zigzag.medium {
    background: #ffffff;
}
.zigzag {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 3.7;
}
.button:before {
    background: #efefef;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* button at bottom */
.download{
	text-align: center;
	padding-bottom: 50px;
	overflow: hidden;
}
.download a{
	color: #fff;
	display: inline-block;
	padding: 15px 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.download a i{
	margin-right: 10px;
	padding-left: 1px;
}
.download a.a-download{
	background-color: #33373d;
}
.download a.a-print{
	background-color: #cd5353;
}
.download a.a-download:hover , .download a.a-print:hover{
	text-decoration: none;
}
.download a.a-download:hover i , .download a.a-print:hover i{
	-webkit-animation:pulse 1s .2s ease both;
 	-moz-animation:pulse 1s .2s ease both;
 	-o-animation:pulse 1s .2s ease both;
 	-ms-animation:pulse 1s .2s ease both;
}
@-webkit-keyframes pulse {  
	0% {
		-webkit-transform:scale(1)
	}
	50% {
		-webkit-transform:scale(1.1)
	}
	100% {
		-webkit-transform:scale(1)
	}
}
@-moz-keyframes pulse {
	0% {
		-moz-transform:scale(1)
	}
	50% {
		-moz-transform:scale(1.1)
	}
	100% {
		-moz-transform:scale(1)
	}
}
@-ms-keyframes pulse {  
	0% {
	-ms-transform:scale(1)
	}
	 50% {
	-ms-transform:scale(1.1)
	}
	 100% {
	-ms-transform:scale(1)
	}
}


@media screen and (max-width:991px) {
	.left-content-list li{
		border-bottom: none;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		vertical-align: middle;
		text-align: center;
	}
	.left-content-list li a i{
		width: 100%;
		float: none;
		display: block;
	}
	.left-content-list li:last-child , .left-content-list li:last-child a{
		border: none;
	}
	.left-content-list li a{
		display: block;
		color: #85878b;
		background-color: #33373d;
		padding: 15px 20px;
		text-transform: uppercase;
		border-right: 1px solid #26292e
	}

	.carousel-caption{
		padding-bottom: 0;
	}
	.carousel-caption p {
	  	color: #666;
	  	padding-bottom: 15px;
	}
	.carousel-indicators {
	  	bottom: 0px;
	}
}
@media screen and (max-width:536px) {
	/*小屏左侧导航*/
	.left-content-list li a{
		font-size: 0;
	}
	.left-content-list li a i{
		width: 100%;
	}
}
@media screen and (max-width:414px) {
	/* 小屏表格样式 */
	.info-introduction ul li{
		border-left: 1px solid #efefef;
		border-top: 1px solid #efefef;
  		border-right: 1px solid #efefef;
  		border-bottom: 1px solid #efefef;
	}
	.inf , .val{
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: none;
	}
	.inf{
		border-bottom:  1px solid #efefef;
	}
	.val{
		background-color: #efefef;
	}
}







